﻿@{ 
    ViewData["Title"] = "MyUpload"; 
    var books = ViewData["books"] as List<Book>;
}

@if (books.Count == 0)
{
    <div class="alert alert-success" role="alert" style="margin-top: 100px">
        <h4 class="alert-heading">没有上传任何书籍</h4>
        <p>分享你的书籍，不仅是在传递知识，更是在播撒灵感的种子。 让我们一起创造一个充满书香的社区，让更多人感受到阅读的乐趣与力量。上传你的书籍，与好友分享，让每一次阅读都成为新的发现！</p>
        <hr>
        <p class="mb-0">现在就行动起来吧！ 你的一小步，可能是他人的一大步。</p>
    </div>
}
else
{
    
    <style>
        .flex_content{
            display: flex;
            flex-wrap: wrap;
            justify-content: left;
        }
        .flex_content > div{
            margin: 15px 30px;
            flex-basis: 220px;
            flex-grow: 0;
            flex-shrink: 0;
        }
    </style>
    
    <div class="flex_content">
        @foreach (var book in books)
        {
        <div class="card" style="width: 18rem;">
            <img src="~/@book.CoverImage" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">@book.Title</h5>
                <p class="card-text">@book.Author</p>
                <a class="btn btn-primary" asp-controller="Book" asp-action="BookReader" asp-route-bookId="@book.Id">去阅读</a>
                <a class="btn btn-primary" asp-controller="Book" asp-action="EditorBook" asp-route-bookId="@book.Id">编辑</a>
            </div>
        </div>
        }
    </div>
    
    
}